/* ======================================== */
/* CSS for control sap.f/DynamicPageHeader  */
/* Base theme                               */
/* ======================================== */

.sapFDynamicPageHeader {
	z-index: 2;
	position: relative;

	-webkit-flex-shrink: 0;
	flex-shrink: 0;

	background: @sapUiObjectHeaderBackground;
}

.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
	padding: 0 3rem 1rem 3rem;
	box-shadow: inset 0 -0.125rem @sapUiObjectHeaderBorderColor, 0 0.125rem 0 0 @sapUiObjectHeaderBackground;
}

.sapFDynamicPageHeader.sapFDynamicPageHeaderPinnable {
	min-height: 3rem;
}

.sapFDynamicPageHeader:focus {
	outline: none;
}

.sapFDynamicPageHeaderHidden {
	display: none;
}

.sapFDynamicPage-Std-Tablet {
	.sapFDynamicPageHeaderWithContent {
		padding: 0 2rem 1rem 2rem;
	}
}

.sapFDynamicPage-Std-Phone {
	.sapFDynamicPageHeaderWithContent {
		padding: 0 1rem 1rem 1rem;
	}
}

.sapUiSizeCompact {
	.sapFDynamicPageHeaderWithContent {
		padding: 0 3rem 1rem 3rem;
	}
}

.sapFDynamicPageHeaderPinButtonArea {
	position: absolute;
	right: 0;
	bottom: 1rem;
}